<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><{:C('site_title')}></title>
<meta name="keywords" content="<{:C('site_keyword')}>">
<meta name="description" content="<{:C('site_content')}>">
<link rel="stylesheet" href="<{:STATICS}>/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="<{:RES}>/css/style.css" />
<link href="<{:STATICS}>/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<include file="Public:js" />
</head>
<body>

<include file="Public:header" />

<div class="indexBanner">
	<script src="<{:RES}>/js/jquery.flexslider-min.js"  type="text/javascript" ></script>
	<div class="flexslider">
		<ul class="slides">
			<volist name="banner" id="vo">
			<li><img src="<{$vo.imageUrl}>" /></li>
			</volist>
		</ul>		
	</div>
	<script type="text/javascript">
	$(document).ready(function () {
		$('.flexslider').flexslider({
			directionNav: true,
			pauseOnAction: false
		});
	});
	</script> 
</div>

<div class="bannerUnder" style="background: url();">
	<div class="indexTitle">
		ABOUT US
	</div>
	<div style="width: 1200px;margin:auto;">
		<div class="indexAbout">
			<{$about.content|htmlspecialchars_decode=###}>
		</div>
		<div>
			<div style="float: right;width:30%;margin-right: 200px;">
				<img style="height: 253.38px;" src="<{:RES}>/image/pic1.jpg">
			</div>
			<div style="float: left;width:30%;margin-left:200px; ">
				<img src="<{:RES}>/image/pic2.jpg">
			</div>
		</div>
	</div>
	
</div>




<div class="indexProduct" style="background: #f7f7f7;">
	<div class="indexTitle">
		HOT	PRODUCT
	</div>

	<div class="mfbox">
		<div class="product">
			<volist name="list" id="vo">
			<li>
				<div class="pInfo">
					<div style="height: 200px;">
						<a href="<{:U('Product/detail',array('id'=>$vo['id']))}>">
							<div class="img"><img src="<{$vo.image}>" alt="<{$vo.name}>"></div>
							<span class="imgRight">								
								<p><{$vo.name}></p>
								<span>MORE >></span>
							</span>				
						</a>
					</div>	
				</div>
			</li>
			</volist>	
		</div>
	</div>

	<div class="more"><a href="<{:U('Product/index')}>">More Products</a></div>
</div>


<div class="indexProduct">
	<div class="indexTitle">
		Latest News
	</div>

	<div class="mfbox">
		<div class="product">
			<volist name="news" id="vo">
			<li>
				<div class="pInfo">
					<div style="height: 200px;">
						<a href="<{:U('News/detail',array('id'=>$vo['id']))}>">
							<div class="img"><img src="<{$vo.thumb}>" alt="<{$vo.title}>"></div>
							<span class="imgRight">								
								<p><{$vo.title}></p>
								<span>MORE >></span>
							</span>				
						</a>
					</div>	
				</div>
			</li>
			</volist>	
		</div>
	</div>

	<div class="more"><a href="<{:U('News/index',array('cateID'=>11))}>">More News</a></div>
</div>
	
</div>

<div class="indexTitle" style="background: #f7f7f7;">Contract US</div>

<script type="text/javascript" src="<{:STATICS}>/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="<{:STATICS}>/js/jquery.form.min.js"></script>
<script type="text/javascript" src="<{:STATICS}>/layer_mobile/layer.js"></script>
<script src="<{:RES}>/js/contact.js"></script>

<div class="mfbox inBox" style="width: 100%">
	<div class="onepage" style="width: 1200px;margin: auto;">
		<form id="ajaxForm" action="<{:U('Contact/save')}>" method="post" class="form-horizontal form-validata myform">
			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Name</label> -->
				<div class="col-md-9">
					<input type="text" placeholder="Your Name" name="name" id="name" class="form-control" data-rule-required="true">
				</div>
			</div>

			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Phone</label> -->
				<div class="col-md-9">
					<input type="text" placeholder="Your Phone" name="tel" id="tel" class="form-control" data-rule-required="true" data-rule-phone="true">
				</div>
			</div>

			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Email</label> -->
				<div class="col-md-9">
					<input type="text" placeholder="Your Email" name="email" id="email" class="form-control" data-rule-required="true" data-rule-email="true">
				</div>
			</div>

			<div class="form-group">
				<!-- <label class="col-md-2 control-label">Contact</label> -->
				<div class="col-md-9">
					<textarea name="content" placeholder="Your Message" id="content" class="form-control" rows="10" data-rule-required="true"></textarea>
				</div>
			</div>

			<div class="form-group">
				<div class="col-md-10 col-sm-offset-2">
					<button type="submit" id="form-btn" id="formBtn" class="btn btn-success">Submit</button>
					<span id="msg"></span>
				</div>
			</div>
		</form>
	</div>
</div>





<include file="Public:footer" />
</div>      
</body>
</html>